<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>YUIDemo.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/prototype/prototype.js"></script>
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/yui/yahoo/yahoo-min.js"></script>
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/yui/event/event-min.js"></script>
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/yui/dom/dom-min.js"></script>
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/yui/element/element-beta-min.js"></script>
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/yui/button/button-min.js"></script>
     <script type="text/javascript" src="<%=request.getContextPath() %>/javascript/components/yui/dragdrop/dragdrop-min.js"></script>
     
    <style type="text/css">
    .dd-demo-1 {
    position:relative;
    border:4px solid #666;
    text-align:center;
    color:black;
    backgroud-color:red;
    cursor:move;
    height:60px;
    width:60px;
    }
    </style>
  </head>
 
  <body>
    <div id="placeHolderForloadStaff">
      loading...
   </div>
   <div id = "dd-demo-1" class="dd-demo-1">
   test drop and drag
   </div>
   <script type="text/javascript">
   function loadStaff() {
      var Car =Class.create();
       Car.prototype = {
          x:1,
          y:2,
         initialize:function(x,y){this.x=x;this.y=y;}
       };
       var car = new Car(2,3);
  
    $('placeHolderForloadStaff').innerHTML="Loaded Staff."+Prototype.Version+Prototype.Browser.IE+car.x;
   }
   
   YAHOO.util.Event.addListener(window,"load",loadStaff());
   
    (function() {
        var dd;
        YAHOO.util.Event.onDOMReady(function() {
            dd = new YAHOO.util.DD("dd-demo-1");
        });
    })();
   
   </script>
  </body>
</html>
